<template>
  <view class="content">
    <view class="content_body">
      <disabled v-if="tab_active == 0" />
      <account v-if="tab_active == 1" />
    </view>
    <up-tabbar :value="tab_active" @change="change" :fixed="true" :placeholder="true" :safeAreaInsetBottom="true">
      <up-tabbar-item v-for="item in tabBar_list" :key="item.text" :text="item.text" :icon="item.icon"
        ></up-tabbar-item>
    </up-tabbar>
  </view>
</template>

<script setup>
import { ref } from 'vue';
import disabled from './disabled.vue';
import account from './account.vue';

const tabBar_list = [{
  text: '首页',
  icon: 'home',
},
{
  text: '个人中心',
  icon: 'account',
}];

const tab_active = ref(0);
function change(v) {
  tab_active.value = v;
}
</script>

<style lang="scss">
.content_body {
  height: calc(100% - 50px);
}
</style>